diff options
| author | Fuwn <[email protected]> | 2024-02-02 23:16:53 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-02-02 23:16:53 -0800 |
| commit | f9e309f788953bcfdb79265a9c3c49c3749e78b8 (patch) | |
| tree | bbaf8f20d8653a19ec9a126025041431f5bd3e8a /src/routes/user/[user] | |
| parent | feat(cover-card): expand on hover (diff) | |
| download | due.moe-f9e309f788953bcfdb79265a9c3c49c3749e78b8.tar.xz due.moe-f9e309f788953bcfdb79265a9c3c49c3749e78b8.zip | |
feat(badges): expand on hover
Diffstat (limited to 'src/routes/user/[user]')
| -rw-r--r-- | src/routes/user/[user]/badges/+page.svelte | 18 |
1 files changed, 18 insertions, 0 deletions
diff --git a/src/routes/user/[user]/badges/+page.svelte b/src/routes/user/[user]/badges/+page.svelte index dc09c4d3..0dfc43d8 100644 --- a/src/routes/user/[user]/badges/+page.svelte +++ b/src/routes/user/[user]/badges/+page.svelte @@ -334,6 +334,7 @@ src={cdn(badge.image)} alt={badge.description} loading="lazy" + class="badge" on:error={(e) => fallback(e, badge.image)} /> </a> @@ -509,6 +510,7 @@ href={badge.post} target="_blank" id={`badge-${badge.id}`} + class="badge" title={`${ badge.time ? databaseTimeToDate(badge.time).toLocaleString() : '' }${badge.description ? `\n${badge.description}` : ''}`} @@ -570,4 +572,20 @@ :global(.invert *) { filter: invert(0) !important; } + + .badge { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + transition: transform 0.3s ease; + box-sizing: border-box; + } + + .badge:hover { + transform: scale(1.1); + position: relative; + z-index: 2; + transition: transform 0.3s ease; + } </style> |